@extends('layout.master')

@section('content-header')
    <h1>Kipem</h1>
    <ol class="breadcrumb">
        <li><a href="/"><i class="fa fa-dashboard"></i> Dashboard</a></li>
        <li><a href="{{ URL::route('kipems.index') }}"><i class="fa fa-file"></i> Kipem</a></li>
        <li class="active"><i class="fa fa-pencil"></i> Edit</li>
    </ol>
@stop

@section('content')

<style type="text/css">
	/*Style modal lokasi pendamping*/
	.modal-dialog {
		width: 80%;
		max-height: 80%;
	}
	.search {
		margin-top: -2px;
		float: right;
		padding: 0;
		margin-bottom: 20px;
	}
	.modal-dialog .col-sm-3 {
		cursor: pointer;
	}
	.lokasi-modal {
		margin: 2px;
		width: 100%;
		text-align: left;
		cursor: pointer;
	}
	/*end modal pendamping*/

	/*Style header form*/
	.table-responsive .header-form {
		margin: 30px 0 15px 0 !important;
		padding: 15px;
		background-color: #f4f4f4;
		border-left: 5px solid #ddd;
	}
	.table-responsive .header-form:first-child {
		margin: 0 0 10px 0 !important;
	}
	/*end header form*/
</style>

<div class="row">
    <div class="col-xs-12">

		{{ Form::model($kipem, array('route'=>array('kipems.update', $kipem->id), 'method'=>'PUT', 'class'=>'form-horizontal', 'role'=>'form')) }}
			<?php
				$kipem->ref_id == ''? $ref_id = $kipem->id : $ref_id = $kipem->ref_id;
			?>
			{{Form::hidden('user_id', Auth::user()->id)}}
			{{Form::hidden('ref_id', $ref_id)}}
			{{Form::hidden('is_perpanjangan', 1)}}
			{{Form::hidden('action', 2)}}
			{{Form::hidden('no_ktp', $kipem->ktp)}}
			{{Form::hidden('nomor', $kipem->nomor)}}
			{{Form::hidden('provinsi_default', $kipem->provinsi_id, array('id'=>'provinsi_default'))}}
			{{Form::hidden('kabupaten_default', $kipem->kabupaten_id, array('id'=>'kabupaten_default'))}}
			{{Form::hidden('kecamatan_default', $kipem->kecamatan_id, array('id'=>'kecamatan_default'))}}
			{{Form::hidden('kelurahan_default', $kipem->kelurahan_id, array('id'=>'kelurahan_default'))}}
			{{Form::hidden('harga_default', $kipem->harga_kipem, array('id'=>'harga_default'))}}
			{{Form::hidden('lokasi_default', $kipem->lokasi_id, array('id'=>'lokasi_default'))}}
			{{Form::hidden('penduduk_default', $kipem->penduduk_id, array('id'=>'penduduk_default'))}}
			<div class="box">
				<div class="box-body table-responsive">
			    	<div class="callout callout-warning">
			    		<h4>Informasi!</h4>
			    		<p>Mohon isi data dengan lengkap.</p>
				    	@foreach ($errors->all() as $element)
				    		{{ $element }}</br>
				    	@endforeach
				    </div>

					<h4 class="header-form">Data Penduduk</h4>
					<div class="form-group">
						{{ Form::label('no_ktp', 'No. KTP', array('class' => 'col-sm-2 control-label required')) }}
						<div class="col-sm-10">
							{{Form::text('no_ktp', null, array('class'=>'form-control', 'disabled'=>'disabled'))}}
						</div>
					</div>
					<div class="form-group">
						{{ Form::label('nama', 'Nama', array('class' => 'col-sm-2 control-label required')) }}
						<div class="col-sm-10">
							{{Form::text('nama', null, array('class'=>'form-control'))}}
						</div>
					</div>
					<div class="form-group">
						{{ Form::label('jenis_kelamin', 'Jenis Kelamin', array('class' => 'col-sm-2 control-label required')) }}
						<div class="col-sm-10">
							<div class="form-control" style="border:none">
								{{Form::radio('jenis_kelamin', 'L')}}
								{{'Laki-laki'}}
								{{Form::radio('jenis_kelamin', 'P')}}
								{{'Perempuan'}}
							</div>
						</div>
					</div>
					<div class="form-group">
						{{ Form::label('tanggal_lahir', 'Tanggal Lahir', array('class' => 'col-sm-2 control-label required')) }}
						<div class="col-sm-4">
							{{Form::text('tanggal_lahir', null, array('class'=>'form-control', 'id'=>'tanggal_lahir', 'type'=>'text'))}}
						</div>
						{{ Form::label('tempat_lahir', 'Tempat Lahir', array('class' => 'col-sm-2 control-label required')) }}
						<div class="col-sm-4">
							{{Form::text('tempat_lahir', null, array('class'=>'form-control'))}}
						</div>
					</div>
					<div class="form-group">
						{{ Form::label('agama_id', 'Agama', array('class' => 'col-sm-2 control-label required')) }}
						<div class="col-sm-4">
							{{ Form::select('agama_id', $agamas, null, array('class'=>'form-control')) }}
						</div>
						{{ Form::label('pendidikan_id', 'Pendidikan', array('class' => 'col-sm-2 control-label')) }}
						<div class="col-sm-4">
							{{Form::select('pendidikan_id', $pendidikans, null, array('class'=>'form-control'))}}
						</div>
					</div>
					<div class="form-group">
						{{ Form::label('golongan_darah', 'Golongan Darah', array('class' => 'col-sm-2 control-label')) }}
						<div class="col-sm-4">
							{{Form::select('golongan_darah', array('' => '- - Pilih Golongan Darah - -', 'O' => 'O', 'A' => 'A', 'B' => 'B', 'AB' => 'AB'), null, array('class'=>'form-control'))}}
						</div>
						{{ Form::label('status_kawin', 'Status Kawin', array('class' => 'col-sm-2 control-label required')) }}
						<div class="col-sm-4">
							{{Form::select('status_kawin', array('' => '- - Pilih Status Kawin - -', 'kawin' => 'Kawin', 'belum kawin' => 'Belum Kawin', 'cerai mati' => 'Cerai Mati', 'cerai hidup' => 'Cerai Hidup'), null, array('class'=>'form-control'))}}
						</div>
					</div>
					<div class="form-group">
						{{ Form::label('alamat', 'Alamat Asal', array('class' => 'col-sm-2 control-label required')) }}
						<div class="col-sm-10">
							{{Form::textarea('alamat', null, array('class'=>'form-control'))}}
						</div>
					</div>
					<div class="form-group">
						{{ Form::label('provinsi_id', 'Provinsi', array('class' => 'col-sm-2 control-label required')) }}
						<div class="col-sm-10">
							{{Form::select('provinsi_id', $provinsis, null, array('class'=>'form-control'))}}
						</div>
					</div>
					<div class="form-group">
						{{ Form::label('kabupaten_id', 'Kabupaten', array('class' => 'col-sm-2 control-label required')) }}
						<div class="col-sm-10">
							{{Form::select('kabupaten_id', array(), null, array('class'=>'form-control'))}}
						</div>
					</div>
					<div class="form-group">
						{{ Form::label('kecamatan_id', 'Kecamatan', array('class' => 'col-sm-2 control-label required')) }}
						<div class="col-sm-10">
							{{Form::select('kecamatan_id', array(), null, array('class'=>'form-control'))}}
						</div>
					</div>
					<div class="form-group">
						{{ Form::label('kelurahan_id', 'Kelurahan', array('class' => 'col-sm-2 control-label required')) }}
						<div class="col-sm-10">
							{{Form::select('kelurahan_id', array(), null, array('class'=>'form-control'))}}
						</div>
					</div>
				
					<h4 class="header-form">Pekerjaan Penduduk</h4>
					<div class="form-group">
						{{ Form::label('jenis_pekerjaan_id', 'Jenis Pekerjaan', array('class' => 'col-sm-2 control-label required')) }}
						<div class="col-sm-10">
							{{Form::select('jenis_pekerjaan_id', $jenispekerjaans, null, array('class'=>'form-control'))}}
						</div>
					</div>
					<div class="form-group">
						{{ Form::label('tempat_kerja', 'Tempat Kerja', array('class' => 'col-sm-2 control-label')) }}
						<div class="col-sm-10">
							{{Form::text('tempat_kerja', null, array('class'=>'form-control', 'placeholder'=>'Tempat Kerja'))}}
						</div>
					</div>
					<div class="form-group">
						{{ Form::label('nama_jaminan_kerja', 'Nama Penjamin', array('class' => 'col-sm-2 control-label')) }}
						<div class="col-sm-10">
							{{Form::text('nama_jaminan_kerja', null, array('class'=>'form-control', 'placeholder'=>'Nama Penjamin Kerja'))}}
						</div>
					</div>
					<div class="form-group">
						{{ Form::label('jabatan_jaminan_kerja', 'Jabatan Penjamin', array('class' => 'col-sm-2 control-label')) }}
						<div class="col-sm-10">
							{{Form::text('jabatan_jaminan_kerja', null, array('class'=>'form-control', 'placeholder'=>'Jabatan Penjamin Kerja'))}}
						</div>
					</div>
				
					<h4 class="header-form">Data Penduduk Penjamin</h4>
					<div class="form-group">
						{{ Form::label('lokasi_id', 'Lokasi', array('class' => 'col-sm-2 control-label required')) }}
						<div class="col-sm-6">
							{{Form::hidden('lokasi_id', null)}}
							{{Form::text('lokasi_nama', ($kipem->lokasi) ? $kipem->lokasi->nama : '-', array('class'=>'form-control', 'disabled'=>'disabled', 'id'=>'lokasi_nama'))}}
						</div>
						<div class="col-sm-2" style="padding-top:10px;">
							<a href="#" class="cari-lokasi"><i class="fa fa-folder"></i> Daftar Nama Lokasi</a>
						</div>
					</div>
					<div class="form-group">
						{{ Form::label('penduduk_id', 'Penduduk Penjamin', array('class' => 'col-sm-2 control-label')) }}
						<div class="col-sm-10">
							{{Form::hidden('penduduk_id', null)}}
							{{Form::text('penduduk_nama', ($kipem->penduduk) ? $kipem->penduduk->nama : '-', array('class'=>'form-control', 'disabled'=>'disabled', 'id'=>'penduduk_nama'))}}
						</div>
					</div>
				
					<h4 class="header-form">Detail Kipem</h4>
					<div class="form-group">
						{{ Form::label('nomor', 'No. Kipem', array('class' => 'col-sm-2 control-label required')) }}
						<div class="col-sm-10">
							{{Form::text('nomor', null, array('class'=>'form-control', 'disabled'=>'disabled'))}}
							<br>
							<div id="berlaku-info" class="callout callout-warning" style="margin:0px">
								Masa berlaku kipem disesuaikan dengan peraturan provinsi alamat penduduk.
								<p id="berlaku-placer"></p>
							</div>
						</div>
					</div>
					<div class="form-group">
						{{ Form::label('harga_kipem', 'Biaya Kipem', array('class' => 'col-sm-2 control-label required')) }}
						<div class="col-sm-10">
							{{Form::hidden('harga_kipem', null)}}
							{{Form::text('harga_display', null, array('class'=>'form-control', 'placeholder'=>'Harga Kipem', 'disabled'=>'disabled', 'id'=>'harga_display'))}}
						</div>
					</div>
					<div class="form-group">
						{{ Form::label('tanggal_lapor', 'Tanggal Lapor', array('class' => 'col-sm-2 control-label required')) }}
						<div class="col-sm-10">
							{{Form::text('tanggal_lapor', null, array('class'=>'form-control', 'id'=>'tanggal_lapor', 'data-date-format'=>'yyyy-mm-dd', 'type'=>'text'))}}
						</div>
					</div>
					<div class="form-group">
						{{ Form::label('tanggal_akhir', 'Berlaku Sampai', array('class' => 'col-sm-2 control-label required')) }}
						<div class="col-sm-10">
							{{Form::text('tanggal_akhir', null, array('class'=>'form-control', 'id'=>'tanggal_akhir', 'data-date-format'=>'yyyy-mm-dd', 'type'=>'text'))}}
						</div>
					</div>
					<div class="form-group">
						{{ Form::label('status_penghasilan_id', 'Status Hunian', array('class' => 'col-sm-2 control-label')) }}
						<div class="col-sm-10">
							{{Form::select('status_penghasilan_id', $statuspenghasilans, null, array('class'=>'form-control'))}}
						</div>
					</div>
					<div class="form-group">
						{{ Form::label('alasan_tinggal', 'Alasan Tinggal', array('class' => 'col-sm-2 control-label')) }}
						<div class="col-sm-10">
							{{Form::textarea('alasan_tinggal', null, array('class'=>'form-control'))}}
						</div>
					</div>
					<div class="form-group">
						{{ Form::label('keterangan', 'Keterangan', array('class' => 'col-sm-2 control-label')) }}
						<div class="col-sm-10">
							{{Form::textarea('keterangan', null, array('class'=>'form-control'))}}
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-offset-2 col-sm-10">
							{{ HTML::decode(Form::button('<i class="fa fa-refresh"></i> Reset', array('class'=>'btn btn-success reset-all','type'=>'reset'))) }}
							{{ HTML::decode(Form::button('<i class="fa fa-floppy-o"></i> Save', array('class'=>'btn btn-primary','type'=>'submit'))) }}
						</div>
					</div>
				</div>
			</div>
		{{ Form::close() }}
    </div>
</div>
@stop

@section('javascript')
<script type="text/javascript">
	var tempBerlakuDays = '';
	var tempBerlakuMili = '';

	function resetall(){
		$('.form-control').attr('disabled', 'disabled');
		$('#no_ktp').removeAttr('disabled');
		$('.cari-lokasi').attr('disabled', 'disabled');;
	}
	function resetkelurahan(){
		$('#kelurahan_id').html("");
        $('#kelurahan_id').append('<option value="">- - Pilih Kelurahan - -</option>');
        $('#kelurahan_id').attr('disabled', 'disabled');
	}
	function resetkecamatan(){
		$('#kecamatan_id').html("");
        $('#kecamatan_id').append('<option value="">- - Pilih Kecamatan - -</option>');
        $('#kecamatan_id').attr('disabled', 'disabled');
	}
	function resetkabupaten(){
		$('#kabupaten_id').html("");
        $('#kabupaten_id').append('<option value="">- - Pilih Kabupaten - -</option>');
        $('#kabupaten_id').attr('disabled', 'disabled');
	}
	function selectprovinsi(prov_param){
		var nama_tampil = $("#provinsi_id option:selected").html();
		if (prov_param != '') {
			// -------------Tampil kabupaten-------------------------
            $.ajax({
                url: '/kabupatenkipem/',
                type: 'POST',
                dataType: 'json',
                data: {id: prov_param},
            })
            .done(function(data) {
                $('#kabupaten_id').removeAttr('disabled');
                $('#kabupaten_id').html("");
                $('#kabupaten_id').append('<option value="">- - Pilih Kabupaten - -</option>');
                $.each(data, function(index, val) {
                    if (val.id == $('#kabupaten_default').val()) {
                     	$('#kabupaten_id').append('<option value="'+val.id+'" selected>'+val.nama+'</option>');
                    	selectkabupaten($('#kabupaten_default').val());
                	} else {
                		$('#kabupaten_id').append('<option value="'+val.id+'">'+val.nama+'</option>');
                	};
                });
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });

            // -------------Detail lama berlaku kipem-------------------------
            $.ajax({
                url: '/lamakipem/',
                type: 'POST',
                dataType: 'json',
                data: {id: prov_param},
            })
            .done(function(data) {
            	if (data != '') {
            		var satuan_tampil = '';
                    $.each(data, function(index, val) {
                    	if (prov_param == val.provinsi_id) {
                        	if (val.satuan_prov == 3) {
                        		satuan_tampil = 'tahun';
                        	}else if(val.satuan_prov == 2){
                        		satuan_tampil = 'bulan';
                        	}else{
                        		satuan_tampil = 'hari';
                        	};
                        	$('#berlaku-placer').html('Lama berlaku Kipem dalam provinsi : '+val.lama_prov+' '+satuan_tampil+'.');
                        	if(prov_param != $('#provinsi_default').val()) {
                        		$('#harga_kipem').val(val.harga_prov);
                        		$('#harga_display').val(val.harga_prov);
                        	}else{
                        		$('#harga_kipem').val($('#harga_default').val());
                        		$('#harga_display').val($('#harga_default').val());
                        	};
                        	tempBerlakuMili = convertms(val.lama_prov, val.satuan_prov);
                    	}else{
                    		if (val.satuan_luar_prov == 3) {
                        		satuan_tampil = 'tahun';
                        	}else if(val.satuan_luar_prov == 2){
                        		satuan_tampil = 'bulan';
                        	}else{
                        		satuan_tampil = 'hari';
                        	};
                        	$('#berlaku-placer').html('Lama berlaku Kipem luar provinsi : '+val.lama_luar_prov+' '+satuan_tampil+'.');
                        	if(prov_param != $('#provinsi_default').val()) {
                        		$('#harga_kipem').val(val.harga_luar_prov);
                        		$('#harga_display').val(val.harga_luar_prov);
                        	}else{
                        		$('#harga_kipem').val($('#harga_default').val());
                        		$('#harga_display').val($('#harga_default').val());
                        	};
                        	tempBerlakuMili = convertms(val.lama_luar_prov, val.satuan_luar_prov);
                    	};
                    });
            	};
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
        }else{
            resetkabupaten();
	    	resetkecamatan();
	    	resetkelurahan();
	    	tempBerlakuMili = '';
	    	$('#berlaku-placer').html('');
        };
	}
	function selectkabupaten(kab_param){
		if (kab_param != '') {
            $.ajax({
                url: '/kecamatankipem/',
                type: 'POST',
                dataType: 'json',
                data: {id: kab_param},
            })
            .done(function(data) {
                $('#kecamatan_id').removeAttr('disabled');
                $('#kecamatan_id').html("");
                $('#kecamatan_id').append('<option value="">- - Pilih Kecamatan - -</option>');
                $.each(data, function(index, val) {
                	if (val.id == $('#kecamatan_default').val()) {
                    	$('#kecamatan_id').append('<option value="'+val.id+'" selected>'+val.nama+'</option>');
                    	selectkecamatan($('#kecamatan_default').val());
                	} else {
                		$('#kecamatan_id').append('<option value="'+val.id+'">'+val.nama+'</option>');
                	};
                });
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
        }else{
			resetkecamatan();
			resetkelurahan();
        };
	}
	function selectkecamatan(kec_param){
		if (kec_param != '') {
            $.ajax({
                url: '/kelurahankipem/',
                type: 'POST',
                dataType: 'json',
                data: {id: kec_param},
            })
            .done(function(data) {
                $('#kelurahan_id').removeAttr('disabled');
                $('#kelurahan_id').html("");
                $('#kelurahan_id').append('<option value="">- - Pilih Kelurahan - -</option>')
                $.each(data, function(index, val) {
                	if (val.id == $('#kelurahan_default').val()) {
                    	$('#kelurahan_id').append('<option value="'+val.id+'" selected>'+val.nama+'</option>');
                	} else {
                		$('#kelurahan_id').append('<option value="'+val.id+'">'+val.nama+'</option>');
                	};
                });
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
        }else{
            resetkelurahan();
        };
	}
	function selectlokasi(id_param, nama_param, id_penduduk, nama_penduduk){
		if (id_param != '') {
			$('#lokasi_id').val(id_param);
        	$('#lokasi_nama').val(nama_param);
        	$('#penduduk_id').val(id_penduduk);
        	$('#penduduk_nama').val(nama_penduduk);
        }else{
            $('#penduduk_id').val("");
            $('#penduduk_nama').val('-')
        };
	}
	function convertms(lama, satuan){
		var ms = 0;
		if (satuan == 3) {
			ms = (365 * 86400000) * lama;
		}else if(satuan == 2){
			ms = (31 * 86400000) * lama;
		}else{
			ms = (lama * 86400000);
		};
		return(ms);
	}
	function convertday(ms){
		var day = Math.floor(ms / 86400000);
	}

	$(document).ready(function() {

		// -------------Datepicker tanggal lahir-------------------------
    	$("#tanggal_lahir").ionDatePicker({
				lang: "en",                     // language
			    sundayFirst: false,             // first week day
			    years: "80",                    // years diapason
			    format: "YYYY-MM-DD",           // date format
			});

    	// -------------Datepicker lapor dan akhir kipem-------------------------
    	var nowTemp = new Date();
    	var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

    	var checkin = $('#tanggal_lapor').datepicker({
    	}).on('changeDate', function(ev) {

    		if (tempBerlakuMili != '') {
    			checkout.setValue(ev.date.valueOf() + tempBerlakuMili);
    		}else{
    			checkout.setValue(ev.date.valueOf());
    		};

    		if (ev.date.valueOf() > checkout.date.valueOf()) {
    			var newDate = new Date(ev.date)
    			newDate.setDate(newDate.getDate());
    			checkout.setValue(newDate);
    		}
    		checkin.hide();
    		$('#tanggal_akhir')[0].focus();
    	}).data('datepicker');

    	var checkout = $('#tanggal_akhir').datepicker({
    		onRender: function(date) {
    			return date.valueOf() < checkin.date.valueOf() ? 'disabled' : '';
    		}
    	}).on('changeDate', function(ev) {
    		checkout.hide();
    	}).data('datepicker');
		
    	// -------------Select lokasi pendamping-------------------------
		$('.row').on('click', '.cari-lokasi', function(event) {
			event.preventDefault();
			var search = '';
			var lokasi = '';

            $.ajax({
                url: '/lokasipendampingmodal/',
                type: 'POST',
                dataType: 'json',
                data: {search: search}
            })

            .done(function(data) {
            	if (data != '') {
            		lokasi += '<div class="input-group search"><span class="input-group-addon"><i class="fa fa-search"></i> Cari lokasi</span><input name="search_lokasi" type="text" class="form-control" id="search_lokasi"></div>';

                	lokasi += '<div class="row">';
                    $.each(data, function(index, val) {
                         lokasi+= '<div class="col-sm-3"><a class=" lokasi-modal"><input type="hidden" class="lokasi_id_modal" value="'+val.id+'"><input type="hidden" class="lokasi_nama_modal" value="'+val.nama+'"><input type="hidden" class="penduduk_id_modal" value="'+val.penduduk_id+'"><input type="hidden" class="penduduk_nama_modal" value="'+val.penduduk_nama+'"><span>'+val.nama+'</span> | <i class="fa fa-info-circle btn-tooltip" data-toggle="tooltip" data-placement="top" data-original-title="'+val.alamat+'"></i></a></div>';
                    });

	            	lokasi += '</div>';
            	}else{
            		lokasi_modal+= '<div class="col-sm-12">Data tidak ditemukan.</div>';
            	};
            })
            .fail(function() {
                // console.log("error");
            })
            .always(function() {
                // console.log("complete");

                bootbox.dialog({
	                message: lokasi,
	                title: 'Lokasi Penjamin',
	                buttons: {
	                    main: {
	                        label: "Cancel",
	                        className: "btn-danger"
	                    }
	                }
	            });
                $('body').find('.btn-tooltip').tooltip('hide');
            });
		});

    	// -------------Searching lokasi pendamping-------------------------
		$('body').on('change', '#search_lokasi', function(event) {
			event.preventDefault();
			var search = $(this).val();
			$('body').find('.modal-body').find('.row').html('');
			$('body').find('.modal-body').find('.row').html('<div class="col-sm-12"><i class="fa fa-refresh fa-spin"></i> Loading . . .</div>');
			var lokasi_modal = '';

            $.ajax({
                url: '/lokasipendampingmodal/',
                type: 'POST',
                dataType: 'json',
                data: {search: search}
            })

            .done(function(data) {
            	if (data != '') {
                    $.each(data, function(index, val) {
                    	lokasi_modal+= '<div class="col-sm-3"><a class=" lokasi-modal"><input type="hidden" class="lokasi_id_modal" value="'+val.id+'"><input type="hidden" class="lokasi_nama_modal" value="'+val.nama+'"><input type="hidden" class="penduduk_id_modal" value="'+val.penduduk_id+'"><input type="hidden" class="penduduk_nama_modal" value="'+val.penduduk_nama+'"><span>'+val.nama+'</span> | <i class="fa fa-info-circle btn-tooltip" data-toggle="tooltip" data-placement="top" data-original-title="'+val.alamat+'"></i></a></div>';
                    });
            	}else{
            		lokasi_modal+= '<div class="col-sm-12">Data tidak ditemukan.</div>';
            	};
            })
            .fail(function() {
                // console.log("error");
            })
            .always(function() {
                // console.log("complete");
                $('body').find('.modal-body').find('.row').html('');
                $('body').find('.modal-body').find('.row').html(lokasi_modal);
                $('body').find('.btn-tooltip').tooltip('hide');
            });
		});

		// -------------Default penduduk pendamping-------------------------
		selectlokasi($('#lokasi_id').val(), $('#lokasi_nama').val(), $('#penduduk_id').val(), $('#penduduk_nama').val());

    	// -------------Select penduduk pendamping-------------------------
    	$('body').on('click', '.lokasi-modal', function(event) {
    		$(".bootbox").modal("hide");
            $('#penduduk_nama').attr('disabled', 'disabled');
            var idLokasi = $(this).find('.lokasi_id_modal').val();
            var namaLokasi = $(this).find('.lokasi_nama_modal').val();
            var idPenduduk = $(this).find('.penduduk_id_modal').val();
            var namaPenduduk = $(this).find('.penduduk_nama_modal').val();
            selectlokasi(idLokasi, namaLokasi, idPenduduk, namaPenduduk);
		});

    	// -------------Default alamat tujuan kipem-------------------------
    	if ($('#provinsi_id').val() == '') {
	    	resetkabupaten();
	    	resetkecamatan();
	    	resetkelurahan();
    	}else{
    		selectprovinsi($('#provinsi_id').val());
    	};
    	
    	// -------------Select kabupaten-------------------------
    	$('#provinsi_id').change(function(event) {
            resetkabupaten();
	    	resetkecamatan();
	    	resetkelurahan();
            selectprovinsi($(this).val());
		});

    	// -------------Select kecamatan-------------------------
    	$('#kabupaten_id').change(function(event) {
	    	resetkecamatan();
	    	resetkelurahan();
            selectkabupaten($(this).val());
		});

    	// -------------Select kelurahan-------------------------
    	$('#kecamatan_id').change(function(event) {
	    	resetkelurahan();
            selectkecamatan($(this).val());
		});

    	// -------------Reset KTP-------------------------
    	$('.table-responsive').on('click', '.reset-ktp', function(event) {
    		event.preventDefault();
    		/* Act on the event */
    		$('.reset-all').click();
    	});
	});
</script>
@stop